a {
    -webkit-tap-highlight-color: transparent
}
.fl{
    float: left;
}
.fr{
    float: right;
}
body {
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}
.wrap {
    width: 7.5rem;
    margin: 0 auto;
    overflow: hidden
}
.pro_top {
    height: .85rem;
    width: 100%;
    line-height: .85rem;
    text-align: center;
    padding: .1rem 0;
    position: fixed;
    z-index: 2;
    top:0;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.commonSize{
    width: .36rem;
    margin-right: .2rem;
    margin-top: .1rem;
}
.imgInline{
    display: inline-block;
    vertical-align: top;
    margin-left: .2rem;
}
.pro_title{
    display: inline-block;
}
.pro_title .h2{
    font-size:.3rem;
    font-weight: 500;
}
.pro_title .h3{
    font-size:.16rem;
    color: #bebebe;
}
.pro_top_lf{
    float: left;
    padding-top:.01rem;
}
.pro_top_rt{
    float: right;
}
.pro_top_rt img{
    margin-top:.2rem;
    margin-right:.2rem;
}
.container{
    background:#f6f5f8;
    width:70%;
    padding: .2rem;
    border-radius: .2rem;
    margin-left: .35rem;
    font-size:.32rem;
}
.layouts{
    margin-top:1.2rem;
    /* height: 9.9rem; */
    margin-bottom: 1.6rem;
    overflow-y:auto;
}
.center .date {
    color:#e0e0e0;
    text-align: center;
    margin-bottom: .1rem;
}
.container .button{
    text-align: center;
    color: #202020;
    font-size: .32rem;
    font-weight: bold;
    margin-top:.2rem;
}
.common_lf{
    float: left;
}
.common_rt{
    float: right;
}
.cardTop{
    color: #969696;
}
.onlyStyle{
    margin-top:.3rem;
    display: none;
}
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background: #ffffff;
}
.footerBox{
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    padding: .25rem .3rem;
    background:#fff;
    border-radius: .2rem; 
    margin: 0 auto;
}
.footerBox .inpBox{
    border:1px solid #D3D3D3;
    border-radius: 2px;
    width: 4.2rem;
    height: .5rem;
    padding-left: .1rem;
    background-color: #F5F5F5;
}
.cardTop{
    overflow: hidden;
}
.card{
    width: 84%;
    padding: .3rem;
    overflow: hidden;
    display: none;
    min-height: 3rem;
    border-radius: .2rem; 
    margin: .3rem auto 0 auto;
    border: 2px solid #f5f5f5;
}
.layout {
    width:100%;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: .2rem;
}
.sendTxt{
    color: #6495ED;
    margin-left: .3rem;
    padding-right: .4rem;
    cursor: pointer
}
.cardCenter{
    width: 120%;
    margin-top:.2rem;
    height: 2.6rem;
}
.cardCenter h2{
    color: #363636;
    margin-top:.5rem;
}
.cardCenter p {
    color: #909090;
    margin-top:.3rem;
}
.cardCenter img {
    margin-top: .4rem;
}
.cardCenter li {
    width:2.2rem;
    border-radius: .3rem;
    height: 2.6rem;
    margin-right: .2rem;
    float: left;
    border:2px solid #f7f7f7;
    text-align: center;
}
.cardFooter {
    overflow: hidden;
    padding-top:.2rem;
}
.cardFooter .fr {
    color: #505050;
    font-weight: bold;
    margin-top:.2rem;
}
.cardFooter .fl {
    color: #c1c1c1;
}
.cardFooter .fl span{
    color: #4d4d44;
}
.editButtons {
    overflow:hidden;
    margin-top: .25rem;
    padding-left: .2rem;
}
.editButtons li {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    float: left;
    border-radius: .3rem;
    text-align: center;
    width: 1.4rem;
    height: .5rem;
    margin-right:.15rem;
    line-height: .5rem;
    cursor: pointer;
}
.swiper-container {
    width: 100%;
    min-height: 230px;
    padding-bottom: .65rem!important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    border-radius: 20px;
    padding-bottom: .2rem;
}
.append-buttons {
    text-align: center;
}
.append-buttons a {
    display: inline-block;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
}
.advertImg{
    width: 100%;
    height: 165px;
    margin-bottom: .2rem;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: aquamarine;
}
.advertImg img{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.advertTit{
    white-space:nowrap;
    overflow:hidden;
    padding-left: .2rem;
    text-align: left;
    text-overflow:ellipsis;
    font-size: .26rem;
    /* margin-top: .2rem; */
}
.makeButton{
    color:#6495ED;
    font-size: .3rem;
    border: 0;
    background: #fff;
    outline: none;
}
.scroll{
    overflow-y: auto;
    overflow-x: hidden;
}
.messageRight{
    background-color: #40E0D0;
    border-radius: 20px;
    padding: .1rem .3rem;
    text-align: center;
    float: right;
    color: #fff;
    margin-right: .2rem;
}
.messageLeft{
    background-color: #fff;
    border-radius: 20px;
    padding: .1rem .2rem;
    text-align: left;
    float: left;
    margin-left: .2rem;
}
.subTitle {
    font-size: .2rem;
    color: #696969;
    text-align: justify;
    padding: .2rem;
}
.post-list-row{
    animation: post-list-row .5s;
    -webkit-animation: post-list-row .5s;
}
/*自定义动画*/
@keyframes post-list-row {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes post-list-row {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}